.cascader-wrapper{
  position: relative;
  .cascader-selected{
    width:100%;
    height:30px;
  }
  .cascader-options{
    width:80px;
    text-align: center;
    position: absolute;
    top:35px;
    left:0;
    z-index: 99;
    background:#FFF;
    border:1px solid #ccc;
    border-radius:5px;
    //max-height:192px;
    .cascader-option{
      height:32px;
      line-height: 32px;
      border-bottom:1px solid #ccc;
    }
    .cascader-option.hover-class{
      background:#5cb85c;
      color:#FFF;
    }
    .cascader-second-children{
      width:100%;
      position: absolute;
      top:0;
      z-index: 99;
      background:#FFF;
      border:1px solid #ccc;
      border-radius:5px;
      transition: all .5s ease;
      opacity: 0;
      left:0;
      .cascader-option{
        background:#FFF;
        color:rgba(0,0,0,.65);
      }
      .cascader-option.click-class{
        background:#5cb85c;
        color:#FFF;
      }
    }
    .cascader-second-children.animate{
      //transform: translateX(0);
      left:85px;
      opacity: 1;
    }
  }
}
